<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局</title>
</head>
<style>
    .container{
         width: 960px;
         height: 400px;
         background-color: greenyellow;
         margin-left: auto;
         margin-right: auto;
         padding: 15px;
    }

    .siderbar{
          width: 30%;
          float: left;
    }


    .content{
         width: 60%;
         float: left;
    }

    .row{
         margin-top: 15px;
    }
</style>
<body>


    <div class="container">

        <div class="row">
             logo
        </div>
        <div class="row">
             <div class="siderbar">
                 sider-bar
             </div>
            <div class="content">
                content
            </div>
        </div>

    </div>

</body>
</html>